<%@page import="com.mycompany.ayd2_fase2.conexion"%>
<%@page import="com.mycompany.ayd2_fase2.prueba"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page language="java" import="java.sql.*" %>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        
        <title>Reporte por Categoria</title>
                
        <style type="text/css" media="screen">
            <%@include file="Plantilla/style.css"%>
        </style>
        <script type="text/javascript">
            (function() {
                var t = document.createElement('script'); t.type = 'text/javascript'; t.async = true;
                t.src = "//turnsocial.com/bar/0b51054a20af7df5e0f9a2ab0c7df35a.js";
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(t, s);
            })();
        </script>
    </head>
    <body>
        <div id="bg">
            <div id="outer">
                <div id="header">
                    <div id="logo">
                        <h1>
                            <a href="#">EduShare</a>
                        </h1>
                    </div>
                    <div id="nav">
                        <ul>
                            <li class="first active">
                                <a href="Gestionar_Articulo_Administrador_Super.jsp">Articulo</a>
                            </li>
                            <li>
                                <a href="Gestionar_Usuario.jsp">Usuario</a>
                            </li>
                            <li>
                                <a href="Denuncias_Admin_Super.jsp">Denuncias</a>
                            </li>
                            <li>
                                <a href="ReporteXTema.jsp">Reportes</a>
                            </li>
                            <li>
                                <a href="#">FAQ</a>
                            </li>
                            <li>
                                <a href="index.jsp">Cerrar Sesión</a>
                            </li>
                        </ul>
                            <br class="clear" />
                    </div>
                </div>
                <div id="main">
                    <div id="sidebar">
                        <a href="ReporteXTema.jsp">Top 5 por Tema</a>
                        <br />
                        <br />
                        <a href="ReporteGrafica.jsp">Grafico Barra % de publicaciones</a>
                    </div>
                    <div id="content">
                        <div id="box1">
                            <center><h2><font color="8E8177">
                                Los 5 Mejores Temas por Categoria
                            </font></h2></center>
                            
                            <table class="hovertable">
                                <tr>
                                    <th>Categoria</th>
                                    <th>No.</th>
                                    <th>Titulo</th>
                                    <th>Punteo</th>
                                </tr>
    <%
        conexion cn = new conexion("root", "admin", "edushare");
        Connection conectado = cn.getConexion();
        
        if(conectado != null){
            String strquery = "SELECT T.c_nombrecategoria AS categoria, A.a_nombrearticulo AS articulo, " + 
                    "SUM(C.c_puntuaciondada) AS puntos " +
                    "FROM Articulo A, Comentario C, Publicacion P, Categoria T " +
                    "WHERE A.a_idarticulo = P.a_idarticulo " +
                    "AND T.c_idcategoria = P.c_idcategoria " +
                    "AND A.a_idarticulo = C.a_idarticulo " +
                    "GROUP BY articulo " +
                    "ORDER BY categoria, puntos DESC, articulo";
            
            Statement st = (Statement) conectado.createStatement();
            ResultSet rs = st.executeQuery(strquery);
            
            String tema = "";
            int contador = 0;
            
            while(rs.next()){
                String categoria = rs.getString(1);
                String articulo = rs.getString(2);
                String puntos = rs.getString(3);
                
                if(tema.isEmpty()){
                    tema = categoria;
                    out.println("<tr><td>" + categoria + "</td><td></td><td></td><td></td></tr>");
                    out.println("<tr onmouseover=\"this.style.backgroundColor='#ffff66';\" " + 
                        "onmouseout=\"this.style.backgroundColor='#d4e3e5';\">" +
                            "<td></td>" +
                            "<td>" + (contador + 1) + "</td>" +
                            "<td>" + articulo + "</td>" +
                            "<td>" + puntos + "</td>"
                    + "</tr>");
                }else{
                    if(tema.equals(categoria)){
                        prueba pp = new prueba();
                        if(pp.menorACinco(contador)){
                            out.println("<tr onmouseover=\"this.style.backgroundColor='#ffff66';\" " + 
                                "onmouseout=\"this.style.backgroundColor='#d4e3e5';\">" +
                                    "<td></td>" +
                                    "<td>" + (contador + 1) + "</td>" +
                                    "<td>" + articulo + "</td>" +
                                    "<td>" + puntos + "</td>"
                            + "</tr>");
                            
                        }
                    }else{//nuevo tema
                        rs.previous();
                        tema = "";
                        contador = -1;
                    }
                }
                contador++;
            }
            
        }
    %>
                            </table>
                        </div>
                        <br class="clear" />
                    </div>
                    <br class="clear" />
                </div>
            </div>
        </div>
    </body>
</html>